<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/wzkf/wz.css">
  <link rel="stylesheet" href="../css/swiper-bundle.css">
  <script src="../js/swiper-bundle.js"></script>
</head>

<body>
  <div class="wf-box">
    <div class="index__header">
      <div class="index__header__logo">
        <img src="/image/loge.png" alt="" srcset="">
      </div>
      <div class="index__header__phone">
        <div class="index__header__phone__img">
          <img src="/image/phone.png" alt="" srcset="">
        </div>
        <div class="index__header__phone__text">
          咨询我们：12345678900
        </div>
      </div>
    </div>
    <!-- 导航 -->
    <div class="nav">
      <div class="nav1">
        <div class="nav__item"><a href="../index/index.html">首页</a></div>
        <div class="nav__item"><a href="../wzkf/wf.html">网站开发</a></div>
        <div class="nav__item"><a href="../rj/app.html">APP开发</a></div>
        <div class="nav__item"><a href="../xcx/xc.html">小程序开发</a></div>
        <div class="nav__item"><a href="../case/case.html">案例</a></div>
        <div class="nav__item"><a href="../about/about.html">关于我们</a></div>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../image/sw.png" alt="" srcset=""></div>
        <div class="swiper-slide"><img src="../image/sw.png" alt="" srcset=""></div>
        <div class="swiper-slide"><img src="../image/sw.png" alt="" srcset=""></div>
      </div>
    </div>
    <!-- 网站服务 -->
    <div class="wf-service">
      <div class="wf-service__title">网站服务</div>
      <div class="wf-service__content">更专注精研只为打造建站系统</div>
      <div class="wf-service__img">
        <div class="wf-service__img__item">
          <div class="img1"><img src="/image/集中控制台.png" alt=""></div>
          <div class="img2"><img src="/image/集中控制台 (1).png" alt=""></div>
          <div class="img3">自适应定制</div>
          <div class="line"></div>
        </div>
        <div class="wf-service__img__item">
          <div class="img1"><img src="/image/控制区.png" alt=""></div>
          <div class="img2"><img src="/image/控制区 (1).png" alt=""></div>
          <div class="img3">电商网站定制</div>
          <div class="line"></div>
        </div>
        <div class="wf-service__img__item">
          <div class="img1"><img src="/image/功能权限.png" alt=""></div>
          <div class="img2"><img src="/image/功能权限 (1).png" alt=""></div>
          <div class="img3">手机网站定制</div>
          <div class="line"></div>
        </div>
        <div class="wf-service__img__item">
          <div class="img1"><img src="/image/佣金.png" alt=""></div>
          <div class="img2"><img src="/image/佣金 (1).png" alt=""></div>
          <div class="img3">品牌网站定制</div>
          <div class="line"></div>
        </div>
      </div>
    </div>
    <!-- 私人定制 -->
    <div class="anli">
      <div class="index__service__title">高档的私人定制</div>
      <div class='index__service__text'>为用户提供更好体验更合适营销推广 </div>
      <div class="an-box">
        <div class="an-box1">
          <div class="an-item">
            <div class="an-item__img">
              <img src="../image/sr1.png" alt="" srcset="">
            </div>
            <div class="an-item-text">
              <div class="a-t">
                <div class="an-t">科技前线</div>
                <div class="an-e">为用户提供更好体验更合适营销</div>
              </div>
            </div>
          </div>
          <div class="an-item">
            <div class="an-item__img">
              <img src="../image/sr2.png" alt="" srcset="">
            </div>
            <div class="an-item-text">
              <div class="a-t">
                <div class="an-t">科技前线</div>
                <div class="an-e">为用户提供更好体验更合适营销</div>
              </div>
            </div>
          </div>
          <div class="an-item">
            <div class="an-item__img">
              <img src="../image/sr3.png" alt="" srcset="">
            </div>
            <div class="an-item-text">
              <div class="a-t">
                <div class="an-t">科技前线</div>
                <div class="an-e">为用户提供更好体验更合适营销</div>
              </div>
            </div>
          </div>
          <div class="an-item">
            <div class="an-item__img">
              <img src="../image/sr1.png" alt="" srcset="">
            </div>
            <div class="an-item-text">
              <div class="a-t">
                <div class="an-t">科技前线</div>
                <div class="an-e">为用户提供更好体验更合适营销</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 经典案例 -->
    <div class="case-box">
      <div class="case">
        <div class="title1">经典案例</div>
        <div class="title2">为用户提供更好体验更适合营销推广</div>
        <div class="case-item">
          <div class="case-top">
            <div class="left">
              <div class="title">网站经典</div>
              <div class="line"></div>
              <div class="text">
                专注网站建设、网站设计、品牌设计、网络营销、网站托管，整合营销服务为执仑服务。专注于创察设计实理商业的值较大化，为所有谋裳长远龙属的
                <br />企业据升品牌品质，拥有经验丰南技术团队，专业的资深设计师。
              </div>
            </div>
            <div class="right">
              <div class="img">
                <img src="../image/aa.png" alt="">
              </div>
            </div>
          </div>
          <div class="case-bottom">
            <div class="right">
              <div class="img">
                <img src="../image/ab.png" alt="">
              </div>
            </div>
            <div class="left">
              <div class="title">网站经典</div>
              <div class="line"></div>
              <div class="text">
                专注网站建设、网站设计、品牌设计、网络营销、网站托管，整合营销服务为执仑服务。专注于创察设计实理商业的值较大化，为所有谋裳长远龙属的
                <br />企业据升品牌品质，拥有经验丰南技术团队，专业的资深设计师。
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <div class="footer">
    <div class="footer-content">
      <div class="foot-top">
        <div class="foot-left">
          <div class="left1">山东柏瑞设计有限公司</div>
          <div class="left1">联系电话：12345678900</div>
          <div class="left1">地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）</div>
        </div>
        <div class="foot-right">
          <div class="foot-img">
            <img src="../image/二维码.png" alt="">
          </div>
          <div class="foot-font">微信公众号</div>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      Shandong Bairui Software Technology Co, Ltd. 山东柏瑞软件科技有限公司版权所有 鲁ICP备17006298号-1
    </div>
  </div>
  </div>
  <script>
    var mySwiper = new Swiper('.swiper', {

      autoplay: {
        delay: 2000,
      },
      loop: true, // 循环模式选项

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },

      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },

      // 如果需要滚动条
      scrollbar: {
        el: '.swiper-scrollbar',
      },
    });
  </script>
</body>

</html>